<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<title>猫眼演出详情2</title>
	<link rel="stylesheet" href="css/banner-详情.css">
</head>

<body>
	<div class="banner-all">
		<!--  -->
		<div>
			<img src="./img/banner-top-img1.jpg" alt="">
			<img src="./img/banner-top-img2.jpg" alt="">
			<img src="./img/banner-top-img3.jpg" alt="">
		</div>
		<!--  -->
		<div>
			<div>
				<ul>
					<li>
						<div>
							<img src="./img/banner-tuijian-img1.jpg" alt="">
						</div>
						<div>
							<p>原创音乐剧《闪闪的红星》-北京站</p>
							<div>
								<p>
									<!-- <span>9.5</span> -->
								</p>
								<p>
									<!-- <span>♥</span>
									<span>♥</span>
									<span>♥</span>
									<span>♥</span>
									<span>♥</span> -->
								</p>
							</div>
							<p>2021.10.28 - 2021.10.29</p>
							<p>北京 世纪剧院</p>
							<p>
								<span>
									<span>选座够票</span>
									<span>99-399元</span>
								</span>
								<span>自营</span>
							</p>
						</div>
					</li>
					<li>
						<div>
							<img src="./img/banner-tuijian-img2.jpg" alt="">
						</div>
						<div>
							<p>陈佩斯导演/主演《戏台》三部曲之《惊梦》</p>
							<div>
								<p>
									<!-- <span>9.8</span> -->
								</p>
								<p>
									<!-- <span>♥</span>
									<span>♥</span>
									<span>♥</span>
									<span>♥</span>
									<span>♥</span> -->
								</p>
							</div>
							<p>2021.11.11 - 2021.11.24</p>
							<p>北京 国家大剧院-歌剧院</p>
							<p>
								<span>
									<span>售票中</span>
									<span>99-480元</span>
								</span>
								<span>自营</span>
							</p>
						</div>
					</li>
				</ul>
				<div>
					<ul>
						<li>
							<div>
								<img src="./img/banner-bottom-img1.jpg" alt="">
								<span>8.5折起</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									【限时特惠 神秘探案】沉浸式互动体验《No.5:魅影侦探》
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									698
									<span>元起</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/banner-bottom-img2.jpg" alt="">
								<span>热门演出</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									聚橙制作｜音乐剧《福尔摩斯：安德森家的秘密》中文版
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									80
									<span>元起</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/banner-bottom-img3.jpg" alt="">
								<span>热门演出</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									开心麻花2021情怀年底大戏《七平米》
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									9.90
									<span>元起</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/banner-bottom-img4.jpg" alt="">
								<span>热门演出</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									【濮存昕、龚丽君、邹健等主演】话剧：《李白》—北京人民艺术剧院演出
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									40
									<span>元起</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/banner-bottom-img5.jpg" alt="">
								<span>热门演出</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									经典法语音乐剧《罗密欧与朱丽叶》中文版
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									280
									<span>元起</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/banner-bottom-img6.jpg" alt="">
								<span>8.5折起</span>
								<span>北京</span>
							</div>
							<div>
								<p>
									开心麻花王牌爆笑大戏《乌龙山伯爵》
								</p>
								<p>2021.10.27-2021.10.31</p>
								<p>
									80
									<span>元起</span>
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div>
				<img src="./img/banner-background-bottom.jpg" alt="">
				<img src="./img/banner-background-bottom2.jpg" alt="">
				<img src="./img/banner-background-bottom3.jpg" alt="">
			</div>
		</div>
	</div>
</body>
<script>
	// 在iphone6 375宽度中  html是以16px作为基本单位
	(function () {
		function w() {
			var all = document.documentElement;  // 获取html元素
			var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
			console.log(123, test)
			if (test > 750) {
				test = 750;
			}
			rem = test / 23.4375;
			console.log(rem)
			all.style.fontSize = rem + 'px'
		}
		w();
		window.addEventListener("resize", function () {
			w()
		}, false)
	})();
</script>

</html>